.custom-area {
  resize: none;
  width: 100%;
  padding: var(--gap-sm) var(--gap-main);
  border: 1px solid var(--clr-accent-text);
  border-radius: var(--radius-md);
  outline: none;

  &::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
    box-shadow: inset 0 0 2px rgb(0 0 0 / 10%);
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--clr-nav-main);
    border-radius: var(--radius-xl);
    box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  }

  &-title {
    font-size: var(--fs-md);
    font-weight: 600;
  }

  &-text {
    min-height: 140px;
  }
}
